<?php include '../header.php'; ?>
        <title>Kinet | Opiniones</title>
        <style>
            
            /*Pa maquear las fotos*/
            
            .tarjeta {
                float:left;
                padding:10px;
                /*background-color: whitesmoke;*/
                width:220px;
                margin: 20px;
                height:auto;
                cursor: default;
                /*border:silver solid 1px;*/
                /*overflow: hidden;*/
                text-align:center;
                /*box-shadow:1px 1px 10px black;*/
            }
            div.comentario {
                float:left;
                margin-bottom:5px;
                margin-top:5px;
                width:100%;
                margin:0 auto;
                padding:10px;
                /*overflow: hidden;*/
            }
            .contenedorComentarios {
                float:left;
                width:calc(100% - 270px);
                margin:10px 10px 10px 0;
            }
        </style>
    </head>
    <body>
        <?php include '../menus/menuUsuario.php'; ?>
        <div id="principal">
            
            <?php 
                include 'pestanasPerfil.php'; 
//                include '../logic/funcionesChachis.php';
                $datos = datosUsuario($_GET['uid']);
            ?>
       
            <div style="margin:0 auto;width:100%;">
               <div class="tarjeta">
                    <div style="float:left;width:100%;text-align:center">
                        <img class="thumb" style="width:99%" src="../<?php echo $datos['foto']?>">
                    </div>
                    <div style="float:left;padding:10px;text-align:center;font-weight:bold;width:100%">
                        <?php echo $datos['nombreUsuario']." tiene ".$datos['cantidadValoraciones']." opiniones" ?>
                    </div>
                    <!--<div style="float:left;text-align:center;padding:2px;width:100%">-->
                        <?php // if (!isset($datos['valoracionMedia'])) { ?>
                            <!--No existen valoraciones-->
                        <?php // } else { ?>
                            <!--Su valoración media es:<br> <img src="../img/<?php // echo $datos['valoracionMedia'] ?>estrellas.png">-->
                        <?php // } ?>
                    <!--</div>-->
                    <?php if ($datos['valoracionMedia'] > 0) { ?>
                        <div class="puntuacion" style="padding-left:0;background-color:<?php colorValoracion($datos['valoracionMedia']); ?>">
                            <?php echo $datos['valoracionMedia'] ?>
                        </div>
                    <?php } ?>
                    <div style="clear: both"></div>
                </div>
                <div class="contenedorComentarios">
                    <?php
                        $valoraciones = obtenerValoraciones($_GET['uid']);
                        if(!isset($_GET['pagina'])) {
                             $_GET['pagina'] = 1;
                         }
                         $resPorPagina=10;
                         $resultados = paginar(count($valoraciones), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página

                         $i = $resultados['i'];
                         while ($i < $resultados['max']) { 
                    ?>
                    <div class="comentario">
                        <div style="float:left;">
                            <img onClick="javascript:document.perfil<?php echo $i ?>.submit();" class="thumb" style="cursor:pointer;width:60px;" src="../<?php echo $valoraciones[$i]['foto'] ?>">
                        </div>
                        <div class="bocadillo_izquierda" style="float:left;width:calc(100% - 80px);margin-left:10px;">
                            <div style="color:silver;float:right;font-size:12px">
                                <?php echo formatoFecha($valoraciones[$i]['fecha'])." a las ".formatoHora($valoraciones[$i]['fecha']); ?>
                            </div>
                            <!--<div style="float:right;"><img src="../img/<?php // echo $valoraciones[$i]['valoracion'] ?>estrellas.png"></div>-->
                            <div style="float:left;padding-top:5px;font-weight:bold;width:450px">
                                <div style="float:left;padding:0 5px 0 5px;margin-right:10px;box-shadow:1px 1px 5px black;background-color:<?php colorValoracion($valoraciones[$i]['valoracion']); ?>;border-color:black;color:black;width:20px;">
                                    <?php echo $valoraciones[$i]['valoracion'] ?>
                                </div>
                                <div style="float:left;">
                                    de 
                                    <a href="#" style="color:white" onClick="javascript:document.perfil<?php echo $i ?>.submit();">
                                         <?php 
                                            if($valoraciones[$i]['nombreArtistico']!="") { 
                                                echo $valoraciones[$i]['nombreArtistico'].":"; 
                                            } else { 
                                                echo $valoraciones[$i]['nombre']." ".$valoraciones[$i]['apellidos'].":"; 
                                            } 
                                        ?>
                                    </a>
                                </div>
                            </div>
                            <div style="float:left;width:100%;padding:10px 0 10px 0">
                                <?php echo $valoraciones[$i]['comentario']; ?>
                            </div>
                            
                            
<!--                            <div class="denunciar abajo derecha" id="denunciarOpinion<?php // echo $i ?>">
                                <i class="glyphicon glyphicon-flag"></i>
                            </div>-->
<!--                            <script>
                                $(document).ready(function(){
                                    $("#denunciarOpinion<?php // echo $i ?>").tooltip({ placement: 'left', html : true, trigger:'hover', title: 'Denunciar opinion'});
                                });
                            </script>-->
                        </div>
                        
                    </div>

                    <form name="perfil<?php echo $i ?>" method="get" action="perfil.php">
                        <input type="hidden" value="<?php echo $valoraciones[$i]['idUsuarioOrigen'] ?>" name="uid">
                    </form>

                     <?php
                        $i++;
                        }
                     ?>
           
                <div style="width:100%;text-align:center">
                    <?php if (count($valoraciones) > $resPorPagina) { ?>
                        <ul class="pagination">
                            <?php if ($_GET['pagina'] == 1) { ?>
                                <li><a href="#">&laquo;</a></li>
                            <?php } else { ?>
                                <li><a href="opiniones.php?uid=<?php echo $_GET['uid'] ?>&nombreUsuario=<?php echo $_GET['nombreUsuario'] ?>&pagina=<?php echo $_GET['pagina']-1 ?>">&laquo;</a></li>
                            <?php }
                            for ($in = 0 ; $in < (count($valoraciones)/$resPorPagina) ; $in++) { ?>
                                <?php if ($in+1 == $_GET['pagina']) { ?>
                                    <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                                <?php } else { ?>
                                    <li><a href="opiniones.php?uid=<?php echo $_GET['uid'] ?>&nombreUsuario=<?php echo $_GET['nombreUsuario'] ?>&pagina=<?php echo $in+1 ?>"><?php echo $in+1 ?></a></li>
                                <?php } ?>
                            <?php }?>
                                    
                            <?php if ($_GET['pagina'] >= (count($valoraciones)/$resPorPagina)) { ?>
                                <li><a href="#">&raquo;</a></li>
                            <?php } else { ?>
                                <li><a href="opiniones.php?uid=<?php echo $_GET['uid'] ?>&nombreUsuario=<?php echo $_GET['nombreUsuario'] ?>&pagina=<?php echo $_GET['pagina']+1 ?>">&raquo;</a></li>
                            <?php } ?>
                            
                        </ul>
                    <?php } ?>
                </div>
                </div>
                <div style="clear: both"></div>
                </div>
            <!--</div>-->
            <div style="clear: both"></div>
         </div>
            <?php include '../footer.php'; ?>
    </body>
</html>
